import {Button, Image, StyleSheet, Text, View} from 'react-native';
import React from "react";
import favicon from '../assets/favicon.png'
export default function TakeItem({image}) {
    return (
        <View style={styles.item}>
            <Image source={{uri:image}} style={styles.image} />
            <View style={styles.row}>
                <View style={[styles.col,styles.bo]}>
                    <View style={styles.li}><Text style={styles.t1}> 品名:</Text><Text style={styles.t2}> 鲜花  </Text></View>
                    <View  style={styles.li}><Text style={styles.t1}> 产地:</Text><Text style={styles.t2}> 地址a</Text></View>
                </View>
                <View style={[styles.col,styles.bo]}>
                    <View style={styles.li}><Text style={styles.t1}> 售价:</Text><Text style={styles.t2}> 12 <Text css={{fontSize:9}}>¥</Text> </Text></View>
                    <View  style={styles.li}><Text style={styles.t1}> 销地:</Text><Text style={styles.t2}> 地址B</Text></View>
                </View>
                <View style={styles.col}>
                    <View style={styles.li}><Text style={styles.t1}> 等级:</Text><Text style={styles.t2}> A </Text></View>
                    <View style={styles.li}><Text style={styles.t1}> 周期:</Text><Text style={styles.t2}> 3</Text></View>
                    <View style={styles.li}><Text style={styles.t1}> 日销:</Text><Text style={styles.t2}> 34 </Text></View>
                </View>
            </View>
        </View>
    )
}

const styles = StyleSheet.create({
    item:{
        flex:1,
        backgroundColor:"#E7E1DF",
        borderRadius:5,
        display:"flex",
        flexDirection:"row",
        alignItems:"center",
        paddingTop:7,
        paddingBottom:7,
        paddingLeft:10,
        paddingRight:10,
    },
    image:{
        borderRadius:3,
        width:66,
        height:80,
        backgroundColor:"#fff",
        marginRight:10
    },
    row:{
        flex:1,
        display:"flex",

    },
    col:{
      flex:1,
        flexDirection:"row",
        justifyContent:"space-around",
        alignItems:"center"
    },
    li:{
        flex:1,
        flexDirection:"row",
    },
    bo:{
        borderBottomWidth:0.5,
        borderBottomColor:"#CFCFCF",
    },
    t1:{
       fontSize:12,
       color:'#555555',
        fontWeight:"bold"
    },
    t2:{
        fontSize:13,
        color:'#1C90D1',
        fontWeight:"bold"
    }

});